import axios from 'axios'
import { Message, MessageBox } from 'element-ui'
import NProgress from 'nprogress' // Progress 进度条
import 'nprogress/nprogress.css'// Progress 进度条样式

// import store from '../store'



// 创建axios实例
const service = axios.create({
  baseURL: process.env.VUE_APP_BASE_URL,
  timeout: 10000 // 请求超时时间
})

// request拦截器
service.interceptors.request.use(config => {
  // 开始加载
  NProgress.start()

  const token = sessionStorage.getItem('token')
  if(token){
    config.headers['Authorization'] = token
  }
  return config
}, error => {
  // Do something with request error
  console.log(error) // for debug
  Promise.reject(error)
})

// respone拦截器
service.interceptors.response.use(response => {
  // 结束加载
  NProgress.done()
  /**
  * code为非200是抛错 可结合自己业务进行修改
  */
    const res = response.data
    if (res.meta.status !== 200 && res.meta.status !== 201) {
      Message({
        message: res.meta.msg,
        type: 'error',
        duration: 3 * 1000
      })

      // 401:未登录;
      if (res.meta.code === 401) {
        MessageBox.confirm('你已被登出，可以取消继续留在该页面，或者重新登录', '确定登出', {
          confirmButtonText: '重新登录',
          cancelButtonText: '取消',
          type: 'warning'
        }).then(() => {
          // store.dispatch('FedLogOut').then(() => {
          //   location.reload()// 为了重新实例化vue-router对象 避免bug
          // })
        })
      }
      return Promise.reject('handled business error in interceptor')
    } else {
      return response.data
    }
  },
  error => {
    console.log('err' + error)// for debug
    Message({
      message: error.message,
      type: 'error',
      duration: 3 * 1000
    })
    return Promise.reject(error)
  }
)

// 上传表单中的文件
export function postUpload(options) {
  // post(url [, data [, config]])
  return service.post(options.url, options.data, { headers: { 'Content-Type': 'multipart/form-data' } })
}


export default service